<!DOCTYPE>
<html>
<head>
  <title>Q.PlaceHolder | QLib </title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <!-- 使用QLib控件是必须包含样式表 -->
  <link type="text/css" rel="stylesheet" href="../ui.css" />
  <!--  
  提示：src="{QLib目录}/Q.js" 
  根据实际存放路径， 测试代码都是在QLib目录的samples文件夹下，所以这里用的是"../Q.js" 
  -->
  <script type="text/javascript" src="../src/Q.js"></script>
  <script type="text/javascript" src="../src/stl.js"></script>
  <script type="text/javascript" src="../src/drag.js"></script>
  <script type="text/javascript" src="../src/placeholder.js"></script>
  <script>
  <!--
  Q.ready(function() {
    new Q.PlaceHolder( {
      holder: "label-name", 
      id: "input-name", 
    } ); 
  });
  
  -->
  </script>
</head>
<body onselectstart="return false;" style="-moz-user-select:none;-webkit-user-select: none;">
<br>
<p>Q.PlaceHolder</p>
<hr>
<br>

<div class="q-placeholder" id="label-name">
  Please...
  <input id="input-name" type="text" value="test" />
</div>

</body>
</html>
